@charset "utf-8";
*{
    margin:0;
    padding:0;
}
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}
@function f($fz) {
    @return $fz / 14 * 1em
}

html,body{
    width:100%;
    height:100%;
    overflow: hidden;
}
body{
    background:#222;
}
.web{ 
    position: relative;
    width:100%;
    height:100%;

            >nav{
               
                z-index: 1000;
                .nav_box{
                        
                        .logo{
                            display:flex;
                            display:-webkit-flex;
                            align-items: center;
                        }
                }
            }//nav
    >.content{
          
            position: absolute;
            left:0;
            right: 0;
            bottom:0;
            top:50px;
           
            
            /*height: calc(100% - 50px);*/
            overflow: auto;
            .banner_img{
                >img{
                    width:100%;
                }
            }  
            >.ly_flash{
                padding-top:67px;
                padding-bottom: 90px;
                background:#8BBF1F;
                >.row{
                    width:65%;
                    margin:0 auto;
                    >.flash_left{
                        color:#fff;
                            >.flash_title{
                                    display:flex;
                                    display: -webkit-flex;
                                    align-items: baseline;
                                   
                                    >span{
                                        font-size:35px;
                                        border-radius: 5px;
                                        font-weight: bold;
                                        color:#8BBF1F;
                                        background:#fff;
                                        display: block;
                                        padding:f(0) f(5);
                                    }
                                    >h1{
                                        margin-left:r(10);
                                        font-size:48px;
                                        color:#fff;
                                    }
                            }
                            >h3{
                                margin-bottom:58px;
                            }
                            >p{
                                line-height:30px;
                            }
                            >a{
                                text-decoration: none;
                                display: inline-block;
                                margin-top:20px;
                                padding:r(12) r(25);
                                border-radius: 5px;
                                font-size: 14px;
                                background:#fff;
                                color:#8BBF1F;
                            }
                    }//flash_left
                    >.flash_right{
                        padding-left:r(90);
                        >img{
                            
                            width:80%;
                        }
                    }
              }//row
           }//ly_flash
           >.LayaPlayer{
               padding-top:75px;
               padding-bottom:40px;
               background:#3393df;
                >.row{
                    width:65%;
                    margin:0 auto;
                    >.player_top{
                        display:flex;
                        display: -webkit-flex;
                        align-items: baseline;
                        >.flash_title{
                            display:flex;
                            display: -webkit-flex;
                            align-items: baseline;
                           
                            >span{
                                font-size:35px;
                                font-weight: bold;
                                color:#3393DF;
                                background:#fff;
                                display: block;
                                padding:f(0) f(5);
                                border-radius: 5px;
                            }
                            >h1{
                                margin-left:r(10);
                                font-size:48px;
                                color:#fff;
                            }
                        }
                    }
                    >.player_middle{
                            >.row{
                                >.middle_left{
                                    >img{
                                        width:100%;
                                    }
                                }
                                >.middle_middle{
                                    color:#fff;
                                    >h3{
                                        
                                    }
                                    >p{
                                    font-size: 14px;     
                                    line-height: 30px;
                                    }
                                }
                                >.middle_right{
                                    padding-top:180px;
                                    >img{
                                        width:80%;
                                    }
                                }
                            }
                    }//player_middle
                  
         
                }//row
           }//layaplayer
           >.air_open{
               padding-top:80px;
               padding-bottom:85px;
               background:#fff;
               >.row{
                   width:65%;
                   margin:0 auto;
                   >.air{
                        >.flash_title{
                            display:flex;
                            display: -webkit-flex;
                            align-items: baseline;
                        
                            >span{
                                font-size:35px;
                                border-radius: 5px;
                                font-weight: bold;
                                color:#fff;
                                background:#3393DF;
                                display: block;
                                padding:f(0) f(5);
                            }
                            >h1{
                                margin-left:r(10);
                                font-size:48px;
                                color:#3393DF;
                            }
                        }
                        >h3{
                            color:#5D5D5D;
                            font-size:18px;
                           
                        }
                        >section{
                            color:#3393DF;
                            margin-top:35px;
                            margin-bottom:10px;
                        }
                        >p{
                            color:#5D5D5D;
                            font-size:14px;  
                            line-height:25px;  
                        }
                        >.img_box{
                            margin-top:30px;
                            text-align: center;
                            >img{
                               
                            }
                        }
                   }//air
                   >.open{
                    >.flash_title{
                        display:flex;
                        display: -webkit-flex;
                        align-items: baseline;
                    
                        >span{
                            font-size:35px;
                            border-radius: 5px;
                            font-weight: bold;
                            color:#fff;
                            background:#3393DF;
                            display: block;
                            padding:f(0) f(5);
                        }
                        >h1{
                            margin-left:r(10);
                            font-size:48px;
                            color:#3393DF;
                        }
                    }
                    >h3{
                        color:#5D5D5D;
                        font-size:18px;
                       
                    }
                    >section{
                        color:#3393DF;
                        margin-top:35px;
                        margin-bottom:10px;
                    }
                    >p{
                        color:#5D5D5D;
                        font-size:14px;  
                        line-height:25px;  
                    }
                    >.img_box{
                        margin-top:30px;
                        text-align: center;
                        >img{
                           
                        }
                    }
               }//open
               }
           }
           >.bg{
            background:#F7F7F7;
       }
            >footer{
                padding-top:30px;
                padding-bottom:60px;
                >.foot_row{
                    display: flex;
                    display: -webkit-flex;
                    align-items: center;
                    width:65%;
                    margin:0 auto;
                    justify-content: space-between;
                    >.footer_content{
                        >ul{
                            display:flex;
                            display:-webkit-flex;
                            >li{
                                margin-right: r(15);
                                font-size:14px;
                                list-style: none;
                                color:#A1A3AB;
                            }   
                            
                        }
                        >p{
                                font-size:12px;
                                color:#A1A3AB;
                        }
                    }
                    >ul{
                        position: relative;
                        display: flex;
                        display: -webkit-flex;
                        >li{
                            list-style: none;
                            margin-left:r(20);
                        }
                        >li:nth-of-type(2):hover~div{
                            display:inline-block;
                        }  
                        >div{
                            display: none;
                            position: absolute;
                            top:-230%;
                            left:55%;
                            transform: translateX(-45%);
                            text-align: center;
                            >img{
                                width:100%;
                            }
                        } 
                    }
                }
            }
          
}//content
}//web

@media only screen and (min-width: 768px) {
    html,
    body {
        min-width: 1141px;
        .web{
            >nav{
                
                    position: absolute;
                    z-index: 999;
                    top:0;
                    left:50%;
                    transform: translateX(-50%);
                    margin:0 auto;
                    margin-bottom:0;
                    width:65%;
                    border: none;
            }
        }
     
    }
}
@media only screen and (max-width: 768px) {

        // min-width: 2000px;
        .web{
            width:100%;
            // overflow: hidden;
            >nav{
                    width:100%;
              
            }//nav
            >.content{
                width:100%;
                // overflow: hidden;
               >.ly_flash{
                    >.row{
                        width:100%;
                        >.flash_right{
                            margin-top:20px;
                            padding:0;
                            text-align: center;
                             >img{
                                 width:100%;
                             }
                        }
                    }
                
               }//ly_flash
               >.LayaPlayer{
         
                 >.row{
                     width:100%;
                     margin:0 auto;
                     >.player_middle{
                             >.row{
                                 >.middle_left{
                                     >img{
                                         width:100%;
                                     }
                                 }
                                 >.middle_middle{
                                     color:#fff;
                                     >h3{
                                         
                                     }
                                     >p{
                                     font-size: 14px;     
                                     line-height: 30px;
                                     }
                                 }
                                 >.middle_right{
                                     padding-top:30px;
                                     >img{
                                         width:100%;
                                     }
                                 }
                             }
                     }//player_middle
                   
          
                 }//row
            }//layaplayer
            >.air_open{
                padding-top:80px;
                padding-bottom:85px;
                background:#fff;
                >.row{
                    width:100%;
                    margin:0 auto;
                }
            }
 
                >footer{
                    padding-top:30px;
                    padding-bottom:60px;
                    >.foot_row{
                        display: flex;
                        display: -webkit-flex;
                        align-items: center;
                        flex-wrap: wrap;
                        width:100%;
                        margin:0 auto;
                        >.footer_content{
                            width:100%;
                            >ul{
                                display:flex;
                                display:-webkit-flex;
                                >li{
                                    margin-right: r(15);
                                    font-size:14px;
                                    list-style: none;
                                    color:#A1A3AB;
                                }   
                                
                            }
                            >p{
                                    font-size:12px;
                                    color:#A1A3AB;
                            }
                        }
                    }
                }
            }//content

        }//web
     
    }